<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<link rel="icon" href="https://static.nowcoder.com/images/logo_87_87.png"/>
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" crossorigin="anonymous">
	<link rel="stylesheet" href="../module/css/global.css" />
	<link rel="stylesheet" href="../module/css/course-detail.css" />
	<title>线上校园答疑平台-课程详情</title>
</head>
<body>
	<div class="nk-container">
		<!-- 头部 -->
		<header class="bg-dark sticky-top">
			<div class="container">
				<!-- 导航 -->
				<nav class="navbar navbar-expand-lg navbar-dark" id="nav">
				</nav>
			</div>
		</header>

		<!-- 内容 -->
		<div class="main">
			<!-- 课程详情 -->
			<div class="container">
				<!-- 标题 -->
				<h2 class="mb-4">
					<span id="courseTitle">备战春招，面试刷题跟他复习，一个月全搞定！</span>
				</h2>
				<!-- 介绍 -->
				<div class="media pb-3 border-bottom">
					<div class="media-body">
						<div class="introduce">
							<div class="mt-0 text-muted" id="teacherName">代课老师:寒江雪</div>
							<div class="mt-0 text-muted" id="courseTypeName">课程类型:Java</div>
							<div class="mt-0 text-muted">
								<button id="choiceCourse">选择课程</button>
							</div>
						</div>
						<div class="choiceTime">
							<div class="text-muted mt-3">
								选课开始时间: <b id="startTime">2019-04-15 15:32:18</b>
							</div>
							<div class="text-muted mt-3">
								选课结束时间: <b id="endTime">2019-04-15 15:32:18</b>
							</div>
						</div>
					</div>
				</div>	
				<!-- 正文 -->
				<div class="mt-4 mb-3 content" id="content">
					金三银四的金三已经到了，你还沉浸在过年的喜悦中吗？
					如果是，那我要让你清醒一下了：目前大部分公司已经开启了内推，正式网申也将在3月份陆续开始，金三银四，春招的求职黄金时期已经来啦！！！
					再不准备，作为19应届生的你可能就找不到工作了。。。作为20届实习生的你可能就找不到实习了。。。
					现阶段时间紧，任务重，能做到短时间内快速提升的也就只有算法了，
					那么算法要怎么复习？重点在哪里？常见笔试面试算法题型和解题思路以及最优代码是怎样的？
					跟左程云老师学算法，不仅能解决以上所有问题，还能在短时间内得到最大程度的提升！！！
				</div>
			</div>
		</div>

		<!-- 尾部 -->
		<footer class="bg-dark">
			<div class="container" id="footer">

			</div>
		</footer>
	</div>

	<script src="../module/js/jquery-3.3.1.js"></script>
	<script src="../module/js/popper.min.js"></script>
	<script src="../module/js/bootstrap.min.js"></script>
	<script src="../module/js/global.js"></script>
	<script src="../module/js/header.js"></script>
	<script>
		$(function () {
			selectCourseById();
		})
		function selectCourseById() {
			let courseId = sessionStorage.getItem("courseId");
			let result = sendPost("api-course/course/selectCourseById/"+courseId,{});
			console.log(result);
			setCourseData(result.data);
		}
		function setCourseData(data) {
			$("#courseTitle").html(data.title);
			$("#teacherName").html(data.teacherName);
			$("#courseTypeName").html(data.courseTypeName);
			$("#startTime").html(data.creatTime);
			$("#endTime").html(data.endTime);
			$("#content").html(data.content);
		}
	</script>
</body>
</html>
